﻿@import '../../Site/Styles/_mixins.scss';
@import '../../Site/Styles/_variaveis.scss';

@media only screen and (min-width: 1933px) {
    #sectionCadastro {
        @include float(auto, 100%);

        h1 {
            font-size: 50px !important;
            margin-bottom: 50px;
        }

        #tblCadastro {
            width: 1000px;
            margin-top: 40px;
            margin-left: calc(50% - 500px);
            font-size: 36px;

            td {
                text-align: center;

                &:first-child {
                    text-align: right;
                }

                .Textbox {
                    height: 56px;
                    width: 550px;
                    font-size: 30px;
                }
            }
        }
    }
}

@media only screen and (max-width: 1932px) and (min-width: 1000px) {
    #sectionCadastro {
        @include float(auto, 100%);

        h1 {
            font-size: 40px !important;
            margin-bottom: 50px;
        }

        #tblCadastro {
            width: 840px;
            margin-top: 40px;
            margin-left: calc(50% - 420px);
            font-size: 30px;

            td {
                text-align: center;

                &:first-child {
                    text-align: right;
                }

                .Textbox {
                    height: 50px;
                    width: 450px;
                    font-size: 26px;
                }
            }
        }
    }
}

@media only screen and (max-width: 1039px) and (min-width: 870px) {
    #sectionCadastro {
        @include float(auto, 100%);

        h1 {
            font-size: 30px !important;
            margin-bottom: 50px;
        }

        #tblCadastro {
            width: 680px;
            margin-top: 40px;
            margin-left: calc(50% - 340px);
            font-size: 24px;

            td {
                text-align: center;

                &:first-child {
                    text-align: right;
                }

                .Textbox {
                    height: 40px;
                    width: 350px;
                    font-size: 20px;
                }
            }
        }
    }
}

@media only screen and (max-width: 869px) and (min-width: 736px) {
    #sectionCadastro {
        @include float(auto, 100%);

        h1 {
            font-size: 26px !important;
            margin-bottom: 30px;
        }

        #tblCadastro {
            width: 570px;
            margin-top: 40px;
            margin-left: calc(50% - 285px);
            font-size: 20px;

            td {
                text-align: center;

                &:first-child {
                    text-align: right;
                }

                .Textbox {
                    height: 30px;
                    width: 250px;
                    font-size: 18px;
                }
            }
        }
    }
}

@media only screen and (max-width: 735px) and (min-width: 600px) {
    #sectionCadastro {
        @include float(auto, 100%);

        h1 {
            font-size: 22px !important;
            margin-bottom: 30px;
        }

        #tblCadastro {
            width: 460px;
            margin-top: 30px;
            margin-left: calc(50% - 230px);
            font-size: 16px;

            td {
                text-align: center;

                &:first-child {
                    text-align: right;
                }

                .Textbox {
                    height: 30px;
                    width: 200px;
                    font-size: 18px;
                }

                .usualButton {
                    height: 50px;
                    width: 300px;
                    font-size: 26px;
                }
            }
        }
    }
}
